<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script language="Javascript" type="text/javascript" src="./JQuery/checkID.js"></script>
<script language="Javascript" type="text/javascript" src="./JQuery/fooddemohistory.js"></script>
<script language="Javascript" type="text/javascript" src="./JQuery/Calculation.js"></script>
<script type="text/javascript">
	google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
</script>

<style type="text/css">
body,td,th {
	color: #000000;
	font-size: 20px;
	font-family: "標楷體";
}

.HEAD_STYLE {
	font-weight: bold;
	color: #437A27;
	font-family: "標楷體";
	font-size: 30px;
}

.TEXT_STYLE {
	font-family: "標楷體";
	color: #000000;
	font-size: 24px;
}

.food {
	background-image: url(img/food.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat; 
	background-position: center top;
}

span {
	color: #000000;
	font-size: 24px;
	font-family: "標楷體";
	font-weight: bold;
}

.button {
	border: 1px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	background-color: #468129;
	color: #FFFFFF;
	font-size: 16px;
	border-color: #3C7023;
}

.off {
	display: none
}

.on {
	display: block;
}
.noprint {display:none}
</style>
</head>

<body>
	<table width="90%" align="center" id="table1" class="on">
		<tr><td class="TEXT_STYLE" colspan="2">
		<span>身分證字號</span>&nbsp;<input type="text" name="personId"  id="personId" value=""/>
		<input align="left" type="button" value="取資料" id="getdata" class="button"/>
		<span align="center" style="font-weight: normal;"><a href="javascript:printpage()">列印本頁</a></span>
        </td></tr>
	</table>
	<div width="80%" align="center">
	<span align="center" class="HEAD_STYLE">基本資料</span>
		<table align="center" border="1">
			<tr>
				<td class="TEXT_STYLE" width="40%">性別：
					<input type="radio" name="sex" value="male" disabled="disabled">男性
                  	<input type="radio" name="sex" value="female" disabled="disabled">女性
				</td>
				<td class="TEXT_STYLE">年齡:
					<input type="text" id="age" name="age" class="TEXT_STYLE" 
                  		style="width:50px;text-align:right" readonly>歲  
				</td>
				<td class="TEXT_STYLE" >身高:
					<input type="text" id="height" name="height" class="TEXT_STYLE" 
                  		style="width:50px;text-align:right" readonly>cm 				
                </td>
			</tr>
			<tr>
                <td class="TEXT_STYLE" colspan="3">體重：
                  	<input type="radio" name="weightType" value="old" disabled="disabled">
                  	<input type="text" id="weight" name="weight" class="TEXT_STYLE" 
                        style="width:50px;text-align:right" readonly>kg&nbsp;
                	<input type="radio" name="weightType" value="new" disabled="disabled">
            	    		調整體重&nbsp;
					<span id="weight3" style="font-weight: normal;"></span>
				</td>
			</tr>
			<tr>
				<td class="TEXT_STYLE" colspan="3">
					<span id="bmi" style="font-weight: normal;"></span>&nbsp;&nbsp;&nbsp;&nbsp;
					<span id="weight2" style="font-weight: normal;"></span>
				</td>
			</tr>
		</table>
	<br>
	<span align="center" class="HEAD_STYLE">飲食型態</span>
		<table align="center" border="1">
			<tr>
				<td width="25%" name="text" align="center" class="TEXT_STYLE">職業:</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type1" class="TEXT_STYLE" size="50" readonly></td>							
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">主要照顧者：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type2" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">飲食型態：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type3" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">活動狀態：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type4" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">攝食型態：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type5" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">飲食習慣：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type6" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">早餐：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type7" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">午餐：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type8" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">晚餐：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type9" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">水果：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type10" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">點心：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type11" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">營養補充品：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type12" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">嗜好食物：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type13" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">菸、酒、檳榔：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type14" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">消化狀態：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type15" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">主訴飲食問題：</td>
				<td class="TEXT_STYLE">
					<input type="text" id="type16" class="TEXT_STYLE" size="50" readonly></td>	
			</tr>
			<tr>
				<td name="text" align="center" class="TEXT_STYLE">注意事項：</td>
				<td class="TEXT_STYLE">
					<textarea cols="50" rows="5" class="TEXT_STYLE" id="type17" readonly></textarea></td>	
			</tr>
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">飲食攝取份量</span> 
		<table align="center" border="1">
			<tr>
				<td name="text" align="center" class="TEXT_STYLE" colspan="2" ><span>六大類食物</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>早餐</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>早點</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>午餐</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>午點</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>晚餐</span></td>
				<td align="center" class="TEXT_STYLE" name="text"><span>晚點</span></td>
			</tr>
			<tr>
				<td width="20%" rowspan="3" align="center" class="TEXT_STYLE"><span>奶類</span></td>
				<td width="8%" align="center" class="TEXT_STYLE"><span>脫脂</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk1" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk2" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk3" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk4" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk5" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="milk6" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>				
				</td>
			</tr>
			<tr>
				<td width="8%" align="center" class="TEXT_STYLE"><span>低脂</span></td>
				<td align="center">
					<input id="low_milk1" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly> 				
				</td>
				<td align="center">
					<input id="low_milk2" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>		
				</td>
				<td align="center">
					<input id="low_milk3" type="text" size="3" class="TEXT_STYLE" 
					       onchange="Change_LowMilk()" style="text-align:center">		
				</td>
				<td align="center">
					<input id="low_milk4" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_milk5" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_milk6" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>全脂</span></td>
				<td align="center">
					<input id="high_milk1" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
				<td align="center">
					<input id="high_milk2" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
				<td align="center">
					<input id="high_milk3" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
				<td align="center">
					<input id="high_milk4" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
				<td align="center">
					<input id="high_milk5" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly> 
				</td>
				<td align="center">
					<input id="high_milk6" type="text" size="3" class="TEXT_STYLE" 
					       style="text-align:center" readonly>
				</td>
			</tr>										
			<tr>
				<td align="center" class="TEXT_STYLE" colspan="2"><span>蔬菜類</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="veg6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>			
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE" colspan="2"><span>水果類</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fruit6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
			</tr>				
			<tr>
			
				<td align="center" class="TEXT_STYLE" colspan="2"><span>全穀根莖類</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="grain6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>		
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE" rowspan="3"><span>豆魚肉蛋類</span></td>
				<td align="center" class="TEXT_STYLE"><span>低脂</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" >	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="low_meat6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align: center" readonly>	
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>中脂</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="meat6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>高脂</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="high_meat6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>	
				</td>
			</tr>									
			<tr>
				<td align="center" class="TEXT_STYLE" colspan="2"><span>油脂及堅果種子類</span></td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat1" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat2" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat3" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat4" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat5" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
				<td align="center" class="TEXT_STYLE">
					<input id="fat6" type="text" size="3" class="TEXT_STYLE" 
						   style="text-align:center" readonly>				
				</td>
			</tr>	
		</table>
	<br></br>
	<div align="center" class="HEAD_STYLE">營養品攝取份量</div>
		<select id="nourish_list" size="5" style="font-size: 18px; overflow: auto; width: 800px; height: 134px"></select>
	<br></br>
	<span align="center" class="HEAD_STYLE">飲食攝取熱量</span>
		<table align="center" border="1">
			<tr>
				<td width="20%" align="center" class="TEXT_STYLE"><span>三大營養素</span></td>
				<td width="30%" align="center" class="TEXT_STYLE"><span>攝取熱量</span></td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>蛋白質</span></td>
				<td align="center" >
					<span id="prot_" style="font-weight: normal;">0</span>大卡( 
					<span id="prot_intake" style="font-weight: normal;">0</span>克,
					<span id="prot_rate" style="font-weight: normal;">0</span>%)
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>脂肪</span></td>
				<td align="center" >
					<span id="fat_" style="font-weight: normal;">0</span>大卡(
					<span id="fat_intake" style="font-weight: normal;">0</span>克,
					<span id="fat_rate" style="font-weight: normal;">0</span>%)
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>醣類</span></td>
				<td align="center" >
					<span id="cho_" style="font-weight: normal;">0</span>大卡(
					<span id="cho_intake" style="font-weight: normal;">0</span>克,
					<span id="cho_rate" style="font-weight: normal;">0</span>%)
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>合計</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="calofday_intake" style="font-weight: normal;">0</span>大卡
				</td>
			</tr> 
			<tr>
				<td class="TEXT_STYLE" colspan="2"><div id="chart1" align="center"></div></td>
			</tr>
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">活動量</span>
		<table align="center" border="1"> 
			<tr>
				<td class="TEXT_STYLE" align="left">
					<span style="font-weight:bold">一般使用者</span><br>
					<input type="radio" name="work" value="little" disabled="disabled">輕度工作
					<span style="color:#0000FF" id="work1"></span><br>&nbsp;									
					大部分從事靜態或坐著的工作。例如：家庭主婦、坐辦公室的上班族、售貨員<br>
					<input type="radio" name="work" value="middle" disabled="disabled">中度工作
					<span style="color:#0000FF" id="work2"></span><br>&nbsp;	
					從事機械操作、接待或家事等站立活動較多的工作。例如：褓母、護士、服務生<br>
					<input type="radio" name="work" value="large" disabled="disabled">重度工作
					<span style="color:#0000FF" id="work3"></span><br>&nbsp;
					從事農耕、漁業、建築等的重度使用體力之工作。例如：運動員、搬家工<br>			
				</td>
			</tr>
			<tr>
				<td class="TEXT_STYLE" align="left">
					<span style="font-weight:bold">專業使用者</span><br>
					<span>活動因子：</span>
					<input type="radio" name="activity" value="little" disabled="disabled">臥床
					<input type="radio" name="activity" value="middle" disabled="disabled">輕度活動
					<input type="radio" name="activity" value="large" disabled="disabled">中度活動
					<br><span>壓力因子：</span> 
					<input type="text" id="pressure" size="4" class="TEXT_STYLE" style="text-align:right" value="1" readonly> 					
				</td>
			</tr>
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">每日飲食建議量</span>
		<table align="center" border="1">
			<tr>
				<td width="18%" align="center" class="TEXT_STYLE"><span>三大營養素</span></td>
				<td width="40%" align="center" class="TEXT_STYLE"><span>建議熱量</span></td>	
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>蛋白質</span></td>
			  	<td align="center" class="TEXT_STYLE">
					<span id="prot__" style="font-weight: normal;">NaN</span>大卡(
					<span id="prot" style="font-weight: normal;">NaN</span>克,
					<input type="text" id="g_kgBW" size="2" class="TEXT_STYLE"
						style="text-align:center" value="1" readonly>g/kgBW, &nbsp;
					<span id="proportion_prot" style="font-weight: normal;">NaN</span>%)				
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>脂肪</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="fat__" style="font-weight: normal;">NaN</span>大卡(
					<span id="fat" style="font-weight: normal;">NaN</span>克,
					<input type="text" id="proportion_fat" size="3" class="TEXT_STYLE" 
						style="text-align: center" value="30" readonly> %)
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>醣類</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="cho__" style="font-weight: normal;">NaN</span>大卡(
					<span id="cho" style="font-weight: normal;">NaN</span>克,&nbsp;
					<span id="proportion_cho" style="font-weight: normal;">NaN</span>%)			
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>合計</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="calofday" style="font-weight: normal;">NaN</span>大卡
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center" class="TEXT_STYLE"><div id="chart2"></div></td>
			</tr>		
		</table>
	<br></br>
		<table align="center" border="1">
			<tr>
				<td align="center" class="TEXT_STYLE"><span>六大類食物</span></td>
				<td align="center" class="TEXT_STYLE"><span>建議份量(±0.5份)</span></td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>低脂奶類</span></td>
				<td align="center" >
					<input type="text" id="quantity_Milk" size="3" class="TEXT_STYLE" 
							style="text-align:center" value="NaN" readonly> 
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>蔬菜類</span></td>
				<td align="center" >
					<input type="text" id="quantity_Veg" size="3" class="TEXT_STYLE" 
						   style="text-align:center" value="NaN" readonly>
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>水果類</span></td>
				<td align="center">
					<input type="text" id="quantity_Fruit" size="3" class="TEXT_STYLE" 
						   style="text-align:center" value="NaN" readonly> 
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>全穀根莖類</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="quantity_Grain" style="font-weight: normal;">NaN</span></td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>豆魚肉蛋類</span></td>
				<td align="center" class="TEXT_STYLE">
					<span id="quantity_Meat" style="font-weight: normal;">NaN</span>
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>油脂及堅果種子類</span></td>
				<td align="center" class="TEXT_STYLE">
				<span id="quantity_Fat" style="font-weight: normal;">NaN</span></td>
			</tr>
		</table>
	<br></br>
		<table height="400" width="80%" align="center" class="food" cellpadding="0" border = "0">
			<tr>
				<td height="147" width="28%"></td>
				<td width="17%"></td>
				<td width="33%"></td>
			</tr>
			<tr>			
				<td height="20"></td>
				<td class="style" align="center">
					<div class="class2" >
						<span>全榖根莖類</span>
					</div>						
				</td>
				<td></td>						
			</tr>
			<tr>
				<td height="20"></td>
				<td align="center"> 
					<span class="style" id="img_Grain">NaN碗</span><br></td>
				<td></td>
			</tr>
			<tr>
				<td height="20"></td>
				<td></td>
				<td class="style" align="left">&nbsp; 
					<span>豆魚肉蛋類</span>			
				</td>
			</tr>
			<tr>
				<td align="right" height="20">
					<span>蔬菜類 </span>					
				</td>
				<td></td>
				<td class="style" align="left">&nbsp;&nbsp;&nbsp;
					<span class="style" id="img_Meat">NaN份</span>			
				</td>	
			</tr>
			<tr>
				<td align="right" height="20">
					<span class="style" id="img_Veg">NaN份</span>
				</td>
				<td></td>
				<td align="center"> 
					<span>低脂奶類</span> 
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	 				
				</td> 
			</tr>
			<tr>
				<td class="style" align="right" height="20">
					<span>水果類 </span>&nbsp;&nbsp;
				</td>
				<td></td>
				<td align="center">
					<span class="style" id="img_Milk_mm">NaN毫升</span>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	
				</td>	
			</tr>
			<tr>
				<td align="right" height="20">
					<span class="style" id="img_Fruit">NaN份</span>&nbsp;&nbsp;&nbsp; 
				</td>
				<td></td>
				<td class="style">
					<div class="class2" align="right">
						<span id="img_Fat">油脂NaN湯匙及堅果種子類1份</span>
					</div>	
				</td>	
			</tr>
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">每餐攝取份量</span>
		<table align="center" border="1">
			<tr>
				<td align="center" class="TEXT_STYLE"><span>六大類食物</span></td>
				<td align="center" class="TEXT_STYLE">
					<span>早餐</span>
					<input type="text" id="proportion_breakfast" style="text-align:center" value="30"
						   class="TEXT_STYLE" size="3" readonly>%
				</td>
				<td align="center" class="TEXT_STYLE"><span>早點</span></td>
			    <td align="center" class="TEXT_STYLE">
					<span>午餐</span>
					<input type="text" id="proportion_lunch" size="3" style="text-align:center" 
		                                               class="TEXT_STYLE" value="35" readonly>%
				</td>
				<td align="center" class="TEXT_STYLE"><span>午點</span></td>
				<td align="center" class="TEXT_STYLE">
					<span>晚餐</span>
					<input type="text" id="proportion_dinner" size="3" class="TEXT_STYLE" value="35"
							style="text-align:center" readonly>%
				</td>
				<td align="center" class="TEXT_STYLE"><span>晚點</span></td>
			</tr>			
			<tr>
				<td align="center" class="TEXT_STYLE"><span>低脂奶類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Milk" style="font-weight: normal;">NaN</span> </td>
				<td align="center" class="TEXT_STYLE"> 
					<input id="breakfast_dessert_Milk" type="text" name="dessert" size="2" class="TEXT_STYLE"
							style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="lunch_Milk" style="font-weight: normal;">NaN</span> </td>
				<td align="center">
					<input id="lunch_dessert_Milk" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="dinner_Milk" style="font-weight: normal;">NaN</span> </td>
				<td align="center">
					<input id="dinner_dessert_Milk" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>蔬菜類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Veg" style="font-weight: normal;">NaN</span></td>
				<td align="center">
					<input id="breakfast_dessert_Veg" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="lunch_Veg" style="font-weight: normal;">NaN</span></td>
				<td align="center">
					<input id="lunch_dessert_Veg" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="dinner_Veg" style="font-weight: normal;">NaN</span> </td>
				<td align="center">
					<input id="dinner_dessert_Veg" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>水果類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Fruit" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="breakfast_dessert_Fruit" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
				<td align="center" class="TEXT_STYLE"><span id="lunch_Fruit" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="lunch_dessert_Fruit" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
				<td align="center" class="TEXT_STYLE"><span id="dinner_Fruit" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="dinner_dessert_Fruit" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
			</tr>						
			<tr>
				<td align="center" class="TEXT_STYLE"><span>全穀根莖類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Grain" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="breakfast_dessert_Grain" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
				<td align="center" class="TEXT_STYLE"><span id="lunch_Grain" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="lunch_dessert_Grain" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
				<td align="center" class="TEXT_STYLE"><span id="dinner_Grain" style="font-weight: normal;">NaN</span> </td>
				<td align="center"><input id="dinner_dessert_Grain" type="text"
												name="dessert" size="2" class="TEXT_STYLE"
												style="text-align: center" readonly></td>
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>豆魚肉蛋類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Meat" style="font-weight: normal;">NaN</span></td>
				<td align="center">
					<input id="breakfast_dessert_Meat" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
					<td align="center" class="TEXT_STYLE"><span id="lunch_Meat" style="font-weight: normal;">NaN</span></td>
					<td align="center">
						<input id="lunch_dessert_Meat" type="text" name="dessert" size="2" class="TEXT_STYLE"
						       style="text-align: center" readonly>
					</td>
					<td align="center" class="TEXT_STYLE"><span id="dinner_Meat" style="font-weight: normal;">NaN</span> </td>
				    <td align="center">
						<input id="dinner_dessert_Meat" type="text" name="dessert" size="2" class="TEXT_STYLE"
					           style="text-align:center" readonly>
				</td>
							            </tr>							            
			<tr>
				<td align="center" class="TEXT_STYLE"><span>油脂及堅果種子類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="breakfast_Fat" style="font-weight: normal;">NaN</span> </td>
				<td align="center">
				    <input id="breakfast_dessert_Fat" type="text" name="dessert" size="2" class="TEXT_STYLE"
                                                       style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="lunch_Fat" style="font-weight: normal;">NaN</span></td>
				<td align="center">
					<input id="lunch_dessert_Fat" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
				<td align="center" class="TEXT_STYLE"><span id="dinner_Fat" style="font-weight: normal;">NaN</span></td>
				<td align="center">
					<input id="dinner_dessert_Fat" type="text" name="dessert" size="2" class="TEXT_STYLE"
						   style="text-align:center" readonly>
				</td>
			</tr>
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">飲食評量結果</span>
		<table align="center" border="1">
			<tr>
				<td width="30%" align="center" class="TEXT_STYLE"><span>六大類食物</span></td>
				<td width="20%" align="center" class="TEXT_STYLE"><span>評量結果</span></td>							
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>奶類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="milk_compare" style="font-weight: normal;">NaN</span></td>			
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>蔬菜類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="veg_compare" style="font-weight: normal;">NaN</span> </td>			
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>水果類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="fruit_compare" style="font-weight: normal;">NaN</span> </td>			
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>全穀根莖類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="grain_compare" style="font-weight: normal;">NaN</span> </td>			
			</tr>									
			<tr>
				<td align="center" class="TEXT_STYLE"><span>豆魚肉蛋類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="meat_compare" style="font-weight: normal;">NaN</span> </td>			
			</tr>
			<tr>
				<td align="center" class="TEXT_STYLE"><span>油脂及堅果種子類</span></td>
				<td align="center" class="TEXT_STYLE"><span id="fat_compare" style="font-weight: normal;">NaN</span> </td>			
			</tr>
			<tr>
				<td class="TEXT_STYLE" colspan="2"><span>備註:</span>
					<span style="color:#009900">綠色</span><span>代表不足，</span>
					<span style="color:#FF0000">紅色</span><span>代表超過</span>
					<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="warning1"></span>
					<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="warning2"></span>
				</td>		
			</tr>
			<tr>
				<td colspan="2" align="center" class="TEXT_STYLE"><div id="chart3"></div></td>
			</tr>				
		</table>
	<br></br>
	<span align="center" class="HEAD_STYLE">可用食物</span>
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>全穀根莖類</span><br></div>
			<div id="r0"></div>			
			</td></tr>					
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>豆魚肉蛋類</span><br></div>
			<div id="r1"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>油脂及堅果種子類</span><br></div>
			<div id="r2"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>低脂奶類</span><br></div>
			<div id="r3"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>水果類</span><br></div>
			<div id="r4"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>蔬菜類</span><br></div>
			<div id="r5"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>其他類</span><br></div>
			<div id="r6"></div>			
			</td></tr>
		</table>
	</br>
	<span align="center" class="HEAD_STYLE">禁忌食物</span>
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>全穀根莖類</span><br></div>
			<div id="r7"></div>			
			</td></tr>					
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>豆魚肉蛋類</span><br></div>
			<div id="r8"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>油脂及堅果種子類</span><br></div>
			<div id="r9"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>低脂奶類</span><br></div>
			<div id="r10"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>水果類</span><br></div>
			<div id="r11"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>蔬菜類</span><br></div>
			<div id="r12"></div>			
			</td></tr>
		</table>
		
		<table align="center" border="1">
			<col style="width:40%">			
			<tr><td align="left" valign="top">
			<div align=center><span>其他類</span><br></div>
			<div id="r13"></div>			
			</td></tr>
		</table>
	</div>
	<br></br>
	
</body>
</html>